<md-sidenav-container class="docs-component-viewer-sidenav-container">

  <md-sidenav class="docs-component-viewer-sidenav"
    #sidenav
    [opened]="!isScreenSmall()"
    [mode]="isScreenSmall() ? 'over' : 'side'">

    <ul>
      <li *ngFor="let item of items">
        <a [routerLink]="['/functions',item.path ]"
            routerLinkActive="docs-component-viewer-sidenav-item-selected">
          {{item.name}}</a>
      </li>
    </ul>

  </md-sidenav>

  <div class="docs-component-sidenav-content">
    <app-page-header (toggleSidenav)="sidenav.toggle()"></app-page-header>
    <router-outlet></router-outlet>
  </div>
</md-sidenav-container>
